<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="../jquery/jquery-3.1.0.min.js"></script>
    <script type="text/javascript" src="../jquery/jquery.fullPage.min.js"></script>
    <script type="text/javascript" src="../jquery/jquery-ui.min.js"></script>
    <link rel="stylesheet" href="../css/jquery.fullPage.css" type="text/css"/>
    <link rel="stylesheet" href="../css/index.css" type="text/css"/>
    <script type="text/javascript">
        $(function(){
            $.fn.fullpage({
                anchors:['page1','page2','page3','page4','page5','page6','page7','page8','page9','page10'],
                slidesColor:['','blue','yellow','green','blue','yellow','green','blue','yellow','green'],
                navigation:true,
                navigationTooltips:['首页','视觉','交互','皮肤','功能','待办邮件','联系人邮件','科技','连接易信','马上体验']
            })
        })
    </script>
</head>
<body>
    <section class="section section1 active">
        <div class="bg"><img src="../img/section1.jpg" alt="img"/></div>

        <div class="bg11"></div>
        <div class="bg12"></div>
        <div class="bg13"></div>

        <div class="mail">
            <a href="#" class="mail-163">163邮箱</a>
            <a href="#" class="mail-126">126邮箱</a>
            <a href="#" class="mail-yeah">yeah邮箱</a>
        </div>
        <div class="hgroup">
            <h1><a href="#">网易邮箱6.0</a></h1>
            <h2>改变，不止听见。</h2>
        </div>
        <p>
            网易邮箱6.0版——2014年最具创意气质的重量级新邮箱，重生光华，为之瞩目。唯美
            的视觉设计和视觉化交互，无可替代的独创动态情景皮肤，多项国内创意产品专利技术，
            成就无与伦比的出众品味，无可比拟的美妙体验。</p>
    </section>
    <section class="section section2">
        <div class="bg"><img src="../img/section2.jpg" alt="img"/></div>

        <div class="bg21"></div>
        <div class="bg22"></div>
        <div class="bg23"></div>

        <strong>[视觉·简]</strong>
        <h3>华丽蜕变，尽享愉悦之美</h3>

        <p>秉承网易邮箱经典的清新简洁的设计风格，邮箱 6.0 版带来全新一代的设计理念，更追求极致唯美的视觉设计、传承更多人文和艺术底蕴，华丽蜕变，带来更舒服更爽心悦目的视觉享受。</p>
    </section>
    <section class="section section3">
        <div class="bg"><img src="../img/section3.jpg" alt="img"/></div>

        <div class="bg31"></div>
        <div class="bg32"></div>
        <div class="bg33"></div>

        <strong>[视觉化交互设计]</strong>
        <h3>心随眼动，感官直接体验</h3>

        <p class="content">邮箱 6.0 版采用了全新的视觉化交互设计，通过对界面的整体风格设计、重要信息的视觉化处理以及元素本身的视觉传达优化，来实现产品流程设计和交互行为塑造。从视觉的角度出发，让用户无需多想，直接通过感官与产品进行交互。 </p>
    </section>
    <section class="section section4">
        <div class="bg"><img src="../img/section4.jpg" alt="img"/></div>

        <div class="bg41"></div>
        <div class="bg42"></div>
        <div class="bg43"></div>

        <strong>[动态情景皮肤]</strong>
        <h3>美轮美奂，百变尽随你心</h3>

        <p>国内首创动态情景皮肤，可以随着早晚时光，季节主题的变幻而自动切换，实现了在邮箱里也能感受天气和心情的变化，带来完全不同的页面体验并且呈现最佳视觉感受，还特别针对原有邮箱皮肤的对比度和色彩进行了微调，减少视觉疲劳感。</p>
    </section>
    <section class="section section5">
        <div class="bg"><img src="../img/section5.jpg" alt="img"/></div>

        <div class="bg51 bg5">
            <h4>新语言视频邮件</h4>
            <p>写信不再枯燥！在线录制和播放声音和视频邮件，比单纯的文字邮件更感性、更方便，更好玩。</p>
        </div>
        <div class="bg52 bg5">
            <h4>虚拟场景写信模式</h4>
            <p>写信可以选择自己喜欢的场景，配合美妙的背景音乐，让写信变得更为有趣和生动。</p>
        </div>
        <div class="bg53 bg5">
            <h4>独创智能体验</h4>
            <p>网易邮箱6.0版帮你关注邮箱安全，提醒你及时清理邮件，打
                造轻量级邮箱。</p>
        </div>
        <div class="bg54 bg5">
            <h4>全新多帐号关联</h4>
            <p>一键关联和切换多个网易邮箱，同时对于重要的邮箱帐号进行
                密码验证保护。</p>
        </div>

        <strong>[功能·创]</strong>
        <h3>灵活机变，全面为你而生</h3>

    </section>
</body>
</html>